<template>
  <div class="app-container" ref="content">
    <div style="text-align: center;padding: 10px ;label-width:150px">维保反馈-《{{maintenanceFeedbackInfo.maintenanceRecordName}}》-详情信息</div>
    <el-row style="width: 50%;margin:20px auto;vertical-align:middle;height:100%" :gutter="20" >
        <el-form v-model="maintenanceFeedbackInfo">
            <el-form-item label="反馈人" prop="reportPerson">
              {{maintenanceFeedbackInfo.reportPerson | feedbackPerson}}
            </el-form-item>
            <el-form-item label="工单名称"  prop="maintenanceRecordName">
              {{maintenanceFeedbackInfo.maintenanceRecordName}}
            </el-form-item>
            <el-form-item label="反馈状态 " prop="maintenanceRecordType">
              {{maintenanceFeedbackInfo.maintenanceRecordType | workOrderStatus}}
            </el-form-item>
            <el-form-item label="反馈详情" prop="feedBackRemark">
              {{maintenanceFeedbackInfo.feedBackRemark }}
            </el-form-item>
            <el-form-item label="反馈时间" prop="feedBackTime">
              {{maintenanceFeedbackInfo.feedBackTime | dateFormat}}
            </el-form-item>
        </el-form>

    </el-row>
  </div>
</template>

<script>
import {getInMaintenanceFeedbackLog} from "@/api/feedbacklog";

export default {
  name: "maintenanceFeedbackInfo",
  data(){
    return{
      maintenanceFeedbackInfo:{

      }
    }
  },
  created() {
    this.$nextTick(() => {
      this.getInMaintenanceFeedbackLog()
    });
  },
  methods:{
    getInMaintenanceFeedbackLog(){
      getInMaintenanceFeedbackLog({id:this.$route.params.id}).then(res=>{
        this.maintenanceFeedbackInfo = res.data
        this.$notify.success({
          title: '成功',
          message: "获取设备信息成功"
        })
      }).catch(error=>{
        this.$notify.error({
          title: '失败',
          message: error.message
        })
      })
    }
  },
}
</script>




<style scoped>
.avatar-uploader-icon {
  font-size: 28px;
  color: #8c939d;
  width: 149px;
  height: 149px;
  line-height: 149px;
  text-align: center;
}
.avatar {
  width: 149px;
  height: 149px;
  display: block;
  margin: 0 auto; /*水平居中*/
}



</style>